<header class="main-header">
  <!-- Logo -->
  <a href="javascript:void()" class="logo">
    <!-- mini logo -->
    <b class="logo-mini" data-toggle="push-menu">
      <span class="light-logo"><img src="../../../images/logo/logo-light.png" alt="logo"></span>
      <span class="dark-logo"><img src="../../../images/logo/logo-dark.png" alt="logo"></span>
    </b>
    <!-- logo-->
    <span class="logo-lg" data-toggle="push-menu">
      <img src="../../../images/logo-light-text.png" alt="logo" class="light-logo">
      <img src="../../../images/logo-dark-text.png" alt="logo" class="dark-logo">
    </span>
  </a>
  <!-- Header Navbar -->
  <nav class="navbar navbar-static-top">
    <!-- Sidebar toggle button-->
    <div>
      <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
        <span class="sr-only">Toggle navigation</span>
      </a>

      <!-- <div class="btn-group d-none d-lg-inline-block mt-5">
        <button class="btn dropdown-toggle mr-10 btn-outline btn-white" type="button"
          data-toggle="dropdown">Dashboard</button>
        <div class="dropdown-menu">
          <a class="dropdown-item"
            href="http://html-templates.multipurposethemes.com/bootstrap-4/admin/fab-admin/src/"><i
              class="fa fa-dashboard w-30"></i>Main Dashboard</a>
          <a class="dropdown-item"
            href="http://html-templates.multipurposethemes.com/bootstrap-4/admin/fab-admin/ecommerce-dashboard/"><i
              class="fa fa-shopping-basket w-30"></i>eCommerce Dashboard</a>
          <a class="dropdown-item"
            href="http://html-templates.multipurposethemes.com/bootstrap-4/admin/fab-admin/hospital-dashboard/"><i
              class="fa fa-heartbeat w-30"></i>Hospital Dashboard</a>
          <a class="dropdown-item"
            href="http://html-templates.multipurposethemes.com/bootstrap-4/admin/fab-admin/horizontal-nav/main"><i
              class="fa fa-bars w-30"></i>Horizontal Nav Dashboard</a>
          <a class="dropdown-item"
            href="http://html-templates.multipurposethemes.com/bootstrap-4/admin/fab-admin/horizontal-nav/real-estate-dashboard"><i
              class="fa fa-building w-30"></i>Real Estate Dashboard</a>
        </div>
      </div> -->

    </div>

    <div class="navbar-custom-menu">
      <ul class="nav navbar-nav">

        <li class="search-box">
          <a class="nav-link hidden-sm-down" href="javascript:void()"><i class="mdi mdi-magnify"></i></a>
          <form class="app-search" style="display: none;">
            <input type="text" class="form-control" placeholder="Search &amp; enter"> <a class="srh-btn"><i
                class="ti-close"></i></a>
          </form>
        </li>





        <!-- Messages -->
        <li class="dropdown messages-menu">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
            <i class="mdi mdi-email"></i>
          </a>
          <ul class="dropdown-menu scale-up xhrMsg">
          </ul>
          <script type="text/html" id="msgTemp">
                  <li class="header">你有{{len}}条信息</li>
                  <li>
                    <ul class="menu inner-content-div">
                        {{each list  value index}} 
                      <li>
                          <a href="#">
                            <div class="pull-left">
                              <img src="{{value.avatar}}" class="rounded-circle" alt="User Image">
                            </div>
                            <div class="mail-contnet">
                              <h4>
                                {{value.username}}
                                <small><i class="fa fa-clock-o"></i> {{value.time}}</small>
                              </h4>
                              <span>{{value.contentText}}</span>
                            </div>
                          </a>
                        </li>
                        {{/each}}
                      </ul>
        

                  <li class="footer"><a href="#">查看全部</a></li>
              
              </script>
        </li>


        <!-- Notifications -->
        <li class="dropdown notifications-menu">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
            <i class="mdi mdi-bell"></i>
          </a>
          <ul class="dropdown-menu scale-up xhrNotifications">

            <script type="text/html" id="notificationsTemp">
              <li class="header">你有{{len}}条通知</li>
          <li>
              <ul class="menu inner-content-div">
                {{each list  value index}}
                <li>
                    <a href="#">
                      <i class="fa {{value.icon}}"></i> {{value.contentText}}
                    </a>
                  </li>
                {{/each}}
              </ul>
            </li>
            <li class="footer"><a href="#">显示全部</a></li>
        </script>
          </ul>
        </li>



        <!-- Tasks-->
        <li class="dropdown tasks-menu">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
            <i class="mdi mdi-message"></i>
          </a>
          <ul class="dropdown-menu scale-up xhrTasks">

            <script type="text/html" id="tasksTemp">
                <li class="header">你有{{len}}个任务</li>
                <li>
                 
                  <ul class="menu inner-content-div">
                        {{each list  value index}}
                        <li>
                            <a href="#">
                              <h3>
                                {{value.contentText}}
                                <small class="pull-right">{{value.speedProgress.progress}}%</small>
                              </h3>
                              <div class="progress xs">
                                <div class="progress-bar {{value.speedProgress.color}}" style="width:{{value.speedProgress.progress}}%" role="progressbar"
                                  aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
                                  <span class="sr-only">{{value.speedProgress.progress}}完成</span>
                                </div>
                              </div>
                            </a>
                          </li>
                          {{/each}}
                        </ul>
    
                <li class="footer">
                  <a href="#">查看所有任务</a>
                </li>
              
              </script>

          </ul>
        </li>
        <!-- User Account-->
        <li class="dropdown user user-menu">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
            <img src="../../../images/user/user1-128x128.png" class="user-image rounded-circle" alt="User Image">
          </a>
          <ul class="dropdown-menu scale-up">
            <!-- User image -->
            <li class="user-header">
              <img src="../../../images/user/user1-128x128.png" class="float-left rounded-circle" alt="User Image">

              <p>
                <span class="xhrUserName"></span>
                <small class="xhr_mb-5 xhrUserEmail"></small>
                <a href="#" class="btn btn-danger btn-sm btn-rounded">查看详情</a>
              </p>
            </li>
            <!-- Menu Body -->
            <li class="user-body">
              <div class="row no-gutters">
                <div class="col-12 text-left">
                  <a href="#"><i class="ion ion-person"></i> 我的项目</a>
                </div>
                <div class="col-12 text-left">
                  <a href="#"><i class="ion ion-email-unread"></i> 邮箱</a>
                </div>
                <div class="col-12 text-left">
                  <a href="#"><i class="ion ion-settings"></i> 设置</a>
                </div>
                <div role="separator" class="divider col-12"></div>
                <div class="col-12 text-left">
                  <a href="#"><i class="ti-settings"></i> 用户设置</a>
                </div>
                <div role="separator" class="divider col-12"></div>
                <div class="col-12 text-left">
                  <a href="#"><i class="fa fa-power-off"></i> 退出</a>
                </div>
              </div>
              <!-- /.row -->
            </li>
          </ul>
        </li>
        <!-- Control Sidebar Toggle Button -->
        <li>
          <a href="#" data-toggle="control-sidebar"><i class="fa fa-cog fa-spin"></i></a>
        </li>
      </ul>
    </div>
  </nav>
</header>

<!-- Left side column. contains the logo and sidebar -->
<aside class="main-sidebar">
  <!-- sidebar-->
  <section class="sidebar">

    <!-- sidebar menu-->

    <!-- <i class=""></i>
    <i class=""></i>
    <i class=""></i>
    <i class=""></i> -->

    <ul class="sidebar-menu" data-widget="tree">
      <li class="user-profile treeview">
        <a href="../src/index.html">
          <img src="../../../images/user/user1-128x128.png" alt="user">
          <span class="xhrUserName"></span>
          <span class="xhr_pull-right-container">
            <i class="fa fa-angle-right pull-right"></i>
          </span>
        </a>
        <ul class="treeview-menu">
          <li><a href="javascript:void()"><i class="fa fa-user mr-5"></i>我的项目 </a></li>
          <li><a href="javascript:void()"><i class="fa fa-money mr-5"></i>我的余额</a></li>
          <li><a href="javascript:void()"><i class="fa fa-envelope-open mr-5"></i>邮箱</a></li>
          <li><a href="javascript:void()"><i class="fa fa-cog mr-5"></i>用户设置</a></li>
          <li><a href="javascript:void()"><i class="fa fa-power-off mr-5"></i>退出</a></li>
        </ul>
      </li>


      <li class="header nav-small-cap">个人的</li>

      <li class="kimMessageCenter active">
        <a href="../src/index.html?kimStamp=kimMessageCenter&router=../messageCenter/personalMessage.html">
          <i class="fa  fa-commenting-o"></i> <span>消息中心</span>
          <span class="pull-right-container">
            <i class="fa fa-angle-right pull-right"></i>
          </span>
        </a>
      </li>


      <li class="kimdashboard">
        <a href="../src/index.html?kimStamp=kimdashboard">
          <i class="fa fa-dashboard"></i> <span>仪表板</span>
          <span class="pull-right-container">
            <i class="fa fa-angle-right pull-right"></i>
          </span>
        </a>
      </li>



      <li class="treeview kimapp">
        <a href="#">
          <i class="fa fa-th"></i>
          <span>应用程序</span>
          <span class="pull-right-container">
            <i class="fa fa-angle-right pull-right"></i>
          </span>
        </a>
        <ul class="treeview-menu">
          <li><a href="../src/index.html?kimStamp=kimapp&router=../app/app-chat.html">聊天应用程序</a>
          </li>
          <li><a href="../src/index.html?kimStamp=kimapp&router=../app/app-contact.html">联系/员工</a></li>
          <li><a href="../src/index.html?kimStamp=kimapp&router=../app/app-ticket.html">支持票</a></li>
          <li><a href="../src/index.html?kimStamp=kimapp&router=../app/calendar.html">日历</a></li>
          <li><a href="../src/index.html?kimStamp=kimapp&router=../app/profile.html">介紹</a></li>
          <li><a href="../src/index.html?kimStamp=kimapp&router=../app/userlist-grid.html">用户列表网格</a></li>
          <li><a href="../src/index.html?kimStamp=kimapp&router=../app/userlist.html">用户列表</a></li>
        </ul>
      </li>
      <li class="treeview kimmailbox">
        <a href="#">
          <i class="fa fa-envelope-o"></i> <span>邮箱</span>
          <span class="pull-right-container">
            <i class="fa fa-angle-right pull-right"></i>
          </span>
        </a>
        <ul class="treeview-menu">
          <li><a href="../src/index.html?kimStamp=kimmailbox&router=../mailbox/mailbox.html"><i class=""></i>收件箱</a>
          </li>
          <li><a href="../src/index.html?kimStamp=kimmailbox&router=../mailbox/compose.html"><i class=""></i>编写</a></li>
          <li><a href="../src/index.html?kimStamp=kimmailbox&router=../mailbox/read-mail.html"><i class=""></i>查阅</a>
          </li>
        </ul>
      </li>


      <li class="treeview kimui">
        <a href="#">
          <i class="fa fa-laptop"></i>
          <span>UI 元素</span>
          <span class="pull-right-container">
            <i class="fa fa-angle-right pull-right"></i>
          </span>
        </a>
        <ul class="treeview-menu">
          <li><a href="../src/index.html?kimStamp=kimui&router=../UI/badges.html"><i class=""></i>徽章</a></li>
          <li><a href="../src/index.html?kimStamp=kimui&router=../UI/border-utilities.html"><i class=""></i>边框</a></li>
          <li><a href="../src/index.html?kimStamp=kimui&router=../UI/buttons.html"><i class=""></i>按钮</a></li>
          <li><a href="../src/index.html?kimStamp=kimui&router=../UI/bootstrap-switch.html"><i class=""></i>Bootstrap
              开关</a></li>
          <li><a href="../src/index.html?kimStamp=kimui&router=../UI/cards.html"><i class=""></i>用户卡</a></li>
          <li><a href="../src/index.html?kimStamp=kimui&router=../UI/color-utilities.html"><i class=""></i>颜色</a></li>
          <li><a href="../src/index.html?kimStamp=kimui&router=../UI/date-paginator.html"><i class=""></i>日期分页器</a></li>
          <li><a href="../src/index.html?kimStamp=kimui&router=../UI/dropdown.html"><i class=""></i>下拉列表</a></li>
          <li><a href="../src/index.html?kimStamp=kimui&router=dropdown-grid.html"><i class=""></i>下拉网格</a></li>
          <li><a href="../src/index.html?kimStamp=kimui&router=../UI/general.html"><i class=""></i>概述</a></li>
          <li><a href="../src/index.html?kimStamp=kimui&router=../UI/icons.html"><i class=""></i>图标</a></li>
          <li><a href="../src/index.html?kimStamp=kimui&router=../UI/media-advanced.html"><i class=""></i>高级格柵</a></li>
          <li><a href="../src/index.html?kimStamp=kimui&router=../UI/modals.html"><i class=""></i>情态</a></li>
          <li><a href="../src/index.html?kimStamp=kimui&router=../UI/nestable.html"><i class=""></i>可嵌套的</a></li>
          <li><a href="../src/index.html?kimStamp=kimui&router=../UI/notification.html"><i class=""></i>通知</a></li>
          <li><a href="../src/index.html?UI/?kimStamp=kimui&router=../UI/portlet-draggable.html"><i
                class=""></i>可拖动的組件</a></li>
          <li><a href="../src/index.html?kimStamp=kimui&router=../UI/ribbons.html"><i class=""></i>色带</a></li>
          <li><a href="../src/index.html?kimStamp=kimui&router=../UI/sliders.html"><i class=""></i>滑块</a></li>
          <li><a href="../src/index.html?kimStamp=kimui&router=../UI/sweatalert.html"><i class=""></i>甜蜜的警报</a></li>
          <li><a href="../src/index.html?kimStamp=kimui&router=../UI/tab.html"><i class=""></i>选项卡</a></li>
          <li><a href="../src/index.html?kimStamp=kimui&router=../UI/timeline.html"><i class=""></i>时间线</a></li>
          <li><a href="../src/index.html?UI/?kimStamp=kimui&router=../UI/timeline-horizontal.html"><i
                class=""></i>水平时间线</a></li>
        </ul>
      </li>

      <li class="header nav-small-cap">表单、表格和布局</li>
      <li class="treeview kimwidgets">
        <a href="#">
          <i class="fa fa-bars"></i>
          <span>工具</span>
          <span class="pull-right-container">
            <i class="fa fa-angle-right pull-right"></i>
          </span>
        </a>
        <ul class="treeview-menu">
          <li><a href="../src/index.html?kimStamp=kimwidgets&router=../widgets/blog.html"><i class=""></i>博客</a></li>
          <li><a href="../src/index.html?kimStamp=kimwidgets&router=../widgets/chart.html"><i class=""></i>海图</a></li>
          <li><a href="../src/index.html?kimStamp=kimwidgets&router=../widgets/list.html"><i class=""></i>表</a></li>
          <li><a href="../src/index.html?kimStamp=kimwidgets&router=../widgets/social.html"><i class=""></i>社交的</a></li>
          <li><a href="../src/index.html?kimStamp=kimwidgets&router=../widgets/statistic.html"><i class=""></i>统计的</a>
          </li>
          <li><a href="../src/index.html?kimStamp=kimwidgets&router=../widgets/weather.html"><i class=""></i>天气</a></li>
          <li><a href="../src/index.html?kimStamp=kimwidgets&router=../widgets/widgets.html"><i class=""></i>小工具</a>
          </li>
        </ul>
      </li>



      <li class="treeview kimbox">
        <a href="#">
          <i class="fa fa-square-o"></i>
          <span>盒子</span>
          <span class="pull-right-container">
            <i class="fa fa-angle-right pull-right"></i>
          </span>
        </a>
        <ul class="treeview-menu">
          <li><a href="../src/index.html?kimStamp=kimbox&router=../box/advanced.html"><i class=""></i>高级</a></li>
          <li><a href="../src/index.html?kimStamp=kimbox&router=../box/basic.html"><i class=""></i>基本的</a></li>
          <li><a href="../src/index.html?kimStamp=kimbox&router=../box/color.html"><i class=""></i>颜色</a></li>
          <li><a href="../src/index.html?kimStamp=kimbox&router=../box/group.html"><i class=""></i>组</a></li>
        </ul>
      </li>
      <li class="treeview kimcharts">
        <a href="#">
          <i class="fa fa-pie-chart"></i>
          <span>图表</span>
          <span class="pull-right-container">
            <i class="fa fa-angle-right pull-right"></i>
          </span>
        </a>
        <ul class="treeview-menu">
          <li><a href="../src/index.html?kimStamp=kimcharts&router=../charts/chartjs.html"><i class=""></i>基本图表</a></li>
          <li><a href="../src/index.html?kimStamp=kimcharts&router=../charts/flot.html"><i class=""></i>浮动</a></li>
          <li><a href="../src/index.html?kimStamp=kimcharts&router=../charts/inline.html"><i class=""></i>内联图表</a></li>
          <li><a href="../src/index.html?kimStamp=kimcharts&router=../charts/morris.html"><i class=""></i>Morris</a>
          </li>
          <li><a href="../src/index.html?kimStamp=kimcharts&router=../charts/peity.html"><i class=""></i>Peity</a></li>
        </ul>
      </li>


      <li class="treeview kimforms">
        <a href="#">
          <i class="fa fa-edit"></i> <span>表单类</span>
          <span class="pull-right-container">
            <i class="fa fa-angle-right pull-right"></i>
          </span>
        </a>
        <ul class="treeview-menu">
          <li><a href="../src/index.html?kimStamp=kimforms&router=../forms/advanced.html"><i class=""></i>表单高级元素</a>
          </li>
          <li><a href="../src/index.html?kimStamp=kimforms&router=../forms/code-editor.html"><i class=""></i>代码编辑器</a>
          </li>
          <li><a href="../src/index.html?kimStamp=kimforms&router=../forms/editor-markdown.html"><i
                class=""></i>Markdown</a></li>
          <li><a href="../src/index.html?kimStamp=kimforms&router=../forms/editors.html"><i class=""></i>Editors</a>
          </li>
          <li><a href="../src/index.html?kimStamp=kimforms&router=../forms/form-validation.html"><i
                class=""></i>表单验证</a></li>
          <li><a href="../src/index.html?kimStamp=kimforms&router=../forms/form-wizard.html"><i class=""></i>表单向导</a>
          </li>
          <li><a href="../src/index.html?kimStamp=kimforms&router=../forms/general.html"><i class=""></i>一般元素</a></li>
          <li><a href="../src/index.html?kimStamp=kimforms&router=../forms/mask.html"><i class=""></i>格式化程序</a></li>
          <li><a href="../src/index.html?kimStamp=kimforms&router=../forms/xeditable.html"><i class=""></i>Xeditable
              编辑器</a></li>
        </ul>
      </li>
      <li class="treeview kimtables">
        <a href="#">
          <i class="fa fa-table"></i> <span>表格</span>
          <span class="pull-right-container">
            <i class="fa fa-angle-right pull-right"></i>
          </span>
        </a>
        <ul class="treeview-menu">
          <li><a href="../src/index.html?kimStamp=kimtables&router=../tables/simple.html"><i class=""></i>简单表格</a></li>
          <li><a href="../src/index.html?kimStamp=kimtables&router=../tables/data.html"><i class=""></i>日期表格</a></li>
          <li><a href="../src/index.html?kimStamp=kimtables&router=../tables/editable-tables.html"><i
                class=""></i>可编辑表格</a></li>
          <li><a href="../src/index.html?kimStamp=kimtables&router=../tables/table-color.html"><i class=""></i>表格颜色</a>
          </li>
        </ul>
      </li>

      <li class="kimemail">
        <a href="../src/index.html?kimStamp=kimemail&router=../email/index.html">
          <i class="fa fa-envelope-open-o"></i> <span>电子邮件</span>
          <span class="pull-right-container">
            <i class="fa fa-angle-right pull-right"></i>
          </span>
        </a>
      </li>

      <li class="header nav-small-cap">额外组件</li>

      <li class="treeview kimmap">
        <a href="#">
          <i class="fa fa-map"></i> <span>地图</span>
          <span class="pull-right-container">
            <i class="fa fa-angle-right pull-right"></i>
          </span>
        </a>
        <ul class="treeview-menu">
          <li><a href="../src/index.html?kimStamp=kimmap&router=../map/map-google.html"><i class=""></i>全球地图</a></li>
          <li><a href="../src/index.html?kimStamp=kimmap&router=../map/map-vector.html"><i class=""></i>矢量图</a></li>
        </ul>
      </li>
      <li class="treeview kimextension">
        <a href="#">
          <i class="fa fa-plug"></i> <span>扩展</span>
          <span class="pull-right-container">
            <i class="fa fa-angle-right pull-right"></i>
          </span>
        </a>
        <ul class="treeview-menu">
          <li><a href="../src/index.html?kimStamp=kimextension&router=../extension/fullscreen.html"><i
                class=""></i>全屏</a></li>
        </ul>
      </li>
      <li class="treeview kimsamplepage">
        <a href="#">
          <i class="fa fa-file"></i> <span>示例页面</span>
          <span class="pull-right-container">
            <i class="fa fa-angle-right pull-right"></i>
          </span>
        </a>
        <ul class="treeview-menu">
          <li><a href="../src/index.html?kimStamp=kimsamplepage&router=../samplepage/blank.html"><i class=""></i>空白卡</a>
          </li>
          <li><a href="../src/index.html?kimStamp=kimsamplepage&router=../samplepage/coming-soon.html"><i
                class=""></i>立即就来</a></li>
          <li><a href="../src/index.html?kimStamp=kimsamplepage&router=../samplepage/custom-scroll.html"><i
                class=""></i>自定义滚动</a></li>
          <li><a href="../src/index.html?kimStamp=kimsamplepage&router=../samplepage/faq.html"><i
                class=""></i>常见问题解答</a></li>
          <li><a href="../src/index.html?kimStamp=kimsamplepage&router=../samplepage/gallery.html"><i
                class=""></i>画廊</a></li>
          <li><a href="../src/index.html?kimStamp=kimsamplepage&router=../samplepage/invoice.html"><i
                class=""></i>发票联</a></li>
          <li><a href="../src/index.html?kimStamp=kimsamplepage&router=../samplepage/lightbox.html"><i
                class=""></i>弹出式窗口</a></li>
          <li><a href="../src/index.html?kimStamp=kimsamplepage&router=../samplepage/pace.html"><i class=""></i>步伐加载</a>
          </li>
          <li><a href="../src/index.html?kimStamp=kimsamplepage&router=../samplepage/pricing.html"><i
                class=""></i>价格展示</a></li>
          <li class="treeview">
            <a href="#"><i class=""></i>身份验证
              <span class="pull-right-container">
                <i class="fa fa-angle-right pull-right"></i>
              </span>
            </a>
            <ul class="treeview-menu">
              <li><a href="../samplepage/login.html" target="_blank"><i class="fa fa-circle"></i>登录</a></li>
              <li><a href="../samplepage/register.html" target="_blank"><i class="fa fa-circle"></i>注册</a></li>
              <li><a href="../samplepage/lockscreen.html" target="_blank"><i class="fa fa-circle"></i>锁屏</a></li>
              <li><a href="../samplepage/user-pass.html" target="_blank"><i class="fa fa-circle"></i>恢复密码</a></li>
            </ul>
          </li>
          <li class="treeview">
            <a href="#"><i class=""></i>错误页面
              <span class="pull-right-container">
                <i class="fa fa-angle-right pull-right"></i>
              </span>
            </a>
            <ul class="treeview-menu">
              <li><a href="../src/index.html?kimStamp=kimsamplepage&router=../samplepage/404.html" target="_blank"><i
                    class="fa fa-circle"></i>404</a></li>
              <li><a href="../src/index.html?kimStamp=kimsamplepage&router=../samplepage/500.html" target="_blank"><i
                    class="fa fa-circle"></i>500</a></li>
              <li><a href="../src/index.html?kimStamp=kimsamplepage&router=../samplepage/maintenance.html"
                  target="_blank"><i class="fa fa-circle"></i>维护</a></li>
            </ul>
          </li>
        </ul>
      </li>


      <li class="treeview">
        <a href="#">
          <i class="fa fa-share"></i> <span>多级</span>
          <span class="pull-right-container">
            <i class="fa fa-angle-right pull-right"></i>
          </span>
        </a>
        <ul class="treeview-menu">
          <li><a href="#">一级</a></li>
          <li class="treeview">
            <a href="#">一级
              <span class="pull-right-container">
                <i class="fa fa-angle-right pull-right"></i>
              </span>
            </a>
            <ul class="treeview-menu">
              <li><a href="#">二级</a></li>
              <li class="treeview">
                <a href="#">二级
                  <span class="pull-right-container">
                    <i class="fa fa-angle-right pull-right"></i>
                  </span>
                </a>
                <ul class="treeview-menu">
                  <li><a href="#">三级</a></li>
                  <li><a href="#">三级</a></li>
                </ul>
              </li>
            </ul>
          </li>
          <li><a href="#">一级</a></li>
        </ul>
      </li>


      <li class="treeview layout">
        <a href="#">
          <i class="fa fa-files-o"></i>
          <span>布局选项</span>
          <span class="pull-right-container">
            <i class="fa fa-angle-right pull-right"></i>
          </span>
        </a>
        <ul class="treeview-menu">
          <li><a href="../layout/boxed.html"><i class=""></i>装箱的</a></li>
          <li><a href="../layout/fixed.html"><i class=""></i>固定的</a></li>
          <li><a href="../layout/collapsed-sidebar.html"><i class=""></i>折叠的侧边栏</a></li>
        </ul>
      </li>

    </ul>
  </section>
</aside>

<script>
  (function ($) {
    $.getUrlParam = function (name) {
      var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
      var r = window.location.search.substr(1).match(reg); //匹配目标参数
      if (r != null) return unescape(r[2]);
      return null; //返回参数值
    }
  })(jQuery);
  console.log("." + $.getUrlParam("kimStamp"))
  $("." + $.getUrlParam("kimStamp")).addClass('active').siblings('li').removeClass('active')
</script>
<!-- 
<script>
  function getKimIframeByElement(element) {
    var iframe;
    $("iframe").each(function () {
      if (element.ownerDocument === this.contentWindow.document) {
        iframe = this;
      }
      return !iframe;
    });
    return iframe;
  }
</script> -->


<script>
  $.get("https://www.easy-mock.com/mock/5d049e135ba86f54cb1d4799/zbt/api/currentUser").then(function (res) {
    console.log(res)
    $(".xhrUserName").text(res.name)
    $(".xhrUserEmail").text(res.email)
    localStorage.userName = res.name
    localStorage.userEmail = res.email
  })

  $.get("https://www.easy-mock.com/mock/5d049e135ba86f54cb1d4799/zbt/zbt/messageList").then(function (res) {
    res.len = res.list.length
    $(".xhrMsg").append(template("msgTemp", res))
  })

  $.get("https://www.easy-mock.com/mock/5d049e135ba86f54cb1d4799/zbt/zbt/notifications").then(function (res) {
    res.len = res.list.length
    $(".xhrNotifications").append(template("notificationsTemp", res))
  })


  $.get("https://www.easy-mock.com/mock/5d049e135ba86f54cb1d4799/zbt/zbt/tasks").then(function (res) {
    res.len = res.list.length
    $(".xhrTasks").append(template("tasksTemp", res))
  })
  
</script>
